.main{
    .tab{
        text-align: center;
        margin-top: 50px;
        border-bottom: 1px solid #FFFFFF;
        box-shadow: 0px 1px 0px 0px #DDDDDD;		
		background: url(../img/bg-tab.png) no-repeat center;
		background-size: 100% 100%;
		height: 80px;
		box-sizing: border-box;
		font-size: 0;
		.tabLeft{
			overflow-x: auto;
			white-space: nowrap;
			padding: 15px 20px 0;
		}
		.nav{
			li{
				a{
				 font-size: 20px;
				 font-family: Microsoft YaHei;
				 font-weight: 400;
				 color: #666666;
				}
				&.active,&:hover{
					a{
						background:url(../img/bg-nav.png) no-repeat center;
						background-size: 100% 100%;
						color: #fff;
					}
				}
			}
		}
        
        p{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;  
			background: #FEEEEE;
			height: 77px;
			box-sizing: border-box;			
			padding: 0;
			margin: 0;
            select{
				// background: transparent;
                border: none;
                outline: none;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding-left: 40px;
				appearance: none;
				background: url(../img/xiala.png) no-repeat 140px center;
            }
        }
    }
    .list{
        text-align: center;
        padding: 30px 10px;
        .item{
            margin-bottom: 20px;
            padding: 0 10px;
            .inner{
				display: block;
                padding: 27px 24px 20px;
                box-sizing: border-box;
                background: url(../img/bg5.png) no-repeat center;
                background-size: 100% 100%;
            }
        }
        img{
            max-width: 70%;
        }
        p{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
            line-height: 20px;
            margin-top: 29px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .pages{
        text-align: center;
        .pagination>li{
            margin-left: 5px;
        }
        .pagination>li>a, .pagination>li>span{
            float: none;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
            background-color: #A22624;
            border-color: #ddd;
            font-weight: 400;
            color: #FFFFFF;
        }
    }
}
@media (max-width:750px) {
	.main{
		background: none;
		.tab{		   
		    margin-top: 0.5rem;
			height: 0.8rem;			
			.tabLeft{
				padding: 0.12rem 0.1rem;
				.nav{
					li{
						display: inline-block;
						float: none;
						a{
							font-size: 0.24rem;
							padding: 0.1rem 0.15rem;
						}
					}
				}
			}
		    
		    p{
		        font-size: 0.24rem;
				height: 0.75rem;
		        select{
		            padding-left: 0.3rem;
		            background: url(../img/xiala.png) no-repeat 1.4rem center;
					background-size: 0.2rem;
		        }
		    }
		}
		.list{
		    padding: 0.3rem 0.2rem;
		    .item{
		        margin-bottom: 0.3rem;
		        padding: 0 0.1rem;
		        .inner{
		            padding: 0.3rem 0.1rem;
		        }
		    }
		    p{
		        font-size: 0.3rem;
		        line-height: 0.3rem;
		        margin-top: 0.3rem;
		    }
		}
	}
}